@charset "utf-8";
/* CSS Document */

* {margin: 0; padding: 0; box-sizing: border-box; -webkit-overflow-scrolling: touch;}

html {font-size: calc(100vw/7.5);}
body {overflow-x: hidden; color: #333;}
img,button {display: block;}

button {width: 6.9rem; height: .92rem; background:#1C53FB; border-radius: .08rem; font-size: .28rem; font-weight:500; color:rgba(255,255,255,1); line-height:.92rem; text-align: center; border: none;}
button.entrance {position: absolute; bottom: 1rem; left: 50%; margin-left: -3.45rem;}
button.none {background: #999;}
a {text-decoration: none;}

.flex {display: -webkit-flex; display: flex;}

.pop-bg {position: fixed; justify-content: center; align-items: center; left: 0; right: 0; top: 0; bottom: 0; z-index: 999; display: none;}
.pop-bg .pop-mask {position: absolute; background-color: rgba(0,0,0,.8); width: 100%; height: 100%; top: 0; left: 0;}
.pop-bg.show {display: -webkit-flex; display: flex;}
.pop-bg .share-box {position: absolute; right: .5rem; top: .2rem; padding-top: .5rem;}
.pop-bg .share-box > img {width: .5rem; height: .5rem; position: absolute; right: 0; top: 0;}
.pop-bg .share-box > p {text-align: right; color: #fff; font-size: .36rem;}
.pop-bg .pop-box {position: relative; width: 6.4rem; background-color: #fff; padding: .2rem .3rem; border-radius: .1rem;}
.pop-bg .pop-box.tips {width: 7.5rem; position: absolute; left: 0; top: 0; height: 100vh; border-radius: 0;}
.pop-bg .pop-box .pop-close {position: absolute; width: .48rem; height: .48rem; right: .28rem; top: .28rem;}
.pop-bg .pop-box .pop-box-title {padding: .28rem 0; text-align: center; border-bottom: #E0E0E0 1px solid; font-size: .3rem; font-weight:bold; color:rgba(0,0,0,1); line-height: .42rem;}
.pop-bg .pop-box .pop-box-content {padding: .46rem 0;}
.pop-bg .pop-box .pop-box-content .pop-box-content-agree {max-height: 84vh; overflow: auto;}
.pop-bg .pop-box .pop-box-content .pop-box-content-agree p {font-size: .24rem; font-weight:400; color:rgba(102,102,102,1); line-height: .46rem; margin-bottom: .2rem;}
.pop-bg .pop-cart-box {position: absolute; width: 100%; left: 0; bottom: 0; background-color: #fff; padding: .25rem 0 0;}
.pop-bg .pop-cart-box .pop-cart-box-title {padding: .25rem 0; margin: 0 .3rem; border-bottom: #EBEBEB .03rem solid; justify-content: space-between; align-items: center;}
.pop-bg .pop-cart-box .pop-cart-box-title p {font-size: .32rem; font-weight: bold; color:rgba(51,51,51,1); line-height: .44rem;}
.pop-bg .pop-cart-box .pop-cart-box-title img {width: .26rem; height: .26rem; margin-right: .08rem;}
.pop-bg .pop-cart-box .pop-cart-box-list {padding: .48rem .3rem; border-bottom: #F2F2F2 .12rem solid;}
.pop-bg .pop-cart-box .pop-cart-box-list .pop-cart-box-list-item {margin-bottom: .5rem; justify-content: space-between;}
.pop-bg .pop-cart-box .pop-cart-box-list .pop-cart-box-list-item:last-child {margin-bottom: 0;}
.pop-bg .pop-cart-box .pop-cart-box-list .pop-cart-box-list-item .pop-cart-list-item-name {font-size: .28rem; font-weight: bold; color:rgba(51,51,51,1); line-height: .4rem;}
.pop-bg .pop-cart-box .pop-cart-box-list .pop-cart-box-list-item .pop-cart-list-item-price {font-size: .24rem; font-weight:400; color:#F0291F; line-height: .34rem;}
.pop-bg .pop-cart-box .pop-cart-box-list .pop-cart-box-list-item .pop-cart-list-item-price span {font-size: .32rem;}
.pop-bg .pop-cart-box .pop-cart-box-total {padding: 0 .3rem; height: 1.02rem; align-items: center; justify-content: space-between;}
.pop-bg .pop-cart-box .pop-cart-box-total > div {font-size: .24rem; color: #666; line-height: .34rem;}
.pop-bg .pop-cart-box .pop-cart-box-total > div > span {color: #F0291F;}
.pop-bg .pop-cart-box .pop-cart-box-total > div > span > b {font-size: .36rem;}
.pop-bg .pop-cart-box .pop-cart-box-total > a {font-size: .26rem; font-weight:400; color:rgba(30,83,251,1); line-height: .36rem;}
.pop-bg .pop-cart-box button {width: 100%; height: 1rem; font-size: .3rem; border-radius: 0;}


.swiper-container {border-radius:.08rem; overflow: hidden; margin-bottom: .32rem;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: .18rem; justify-content: center;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {background:#fff; opacity: .6; width: .1rem; height: .1rem;}
.swiper-pagination-bullet-active {opacity: 1 !important; width: .24rem !important; border-radius: .08rem !important;}

.checkbox-label input {display: none;}
.checkbox-label input+label {display: block; border: .02rem solid rgba(221,221,221,1); width: .36rem; height: .36rem; border-radius: 50%;}
.checkbox-label input:checked+label {background-color: #1C53FB; background-image: url("../images/checked_icon.png"); background-size: .36rem; background-repeat: no-repeat; background-position: center center;}

.page {min-height: 100vh;}
.page.grey {background: #F2F2F2;}
.page.bottom {padding-bottom: 1rem;}
.content {padding: 0.01rem .3rem; background-color: #fff;}
.page .index-nav-box .index-nav-box-item {flex: 1; text-align: center; margin: .32rem 0;}
.page .index-nav-box .index-nav-box-item img {width: .6rem; margin: 0 auto .08rem;}
.page .index-nav-box .index-nav-box-item p {font-size: .24rem; font-weight:400; color:rgba(85,85,85,1); line-height: .34rem;}
.page .index-news-box {margin: .28rem 0;}
.page .index-news-box .index-news-box-title {font-size: .3rem; font-weight:bold; color:rgba(51,51,51,1); margin-bottom: .1rem; position: relative;}
.page .index-news-box .index-news-box-title:before {content: ''; display: block; width: .58rem; height: .28rem; padding: .04rem 0 0; border-radius: .04rem; font-size: .18rem; line-height: .28rem; margin-right: .1rem; text-align: center; margin-top:0.05rem;}
.page .index-news-box .index-news-box-title.selected:before {content: '精选'; border:.02rem solid rgba(44,97,255,1); color: #275BFF;}
.page .index-news-box .index-news-box-title.case:before {content: '案例'; border:.02rem solid #DE5213; color: #DE5213;}
.page .index-news-box .index-news-box-title.article:before {content: '文章'; border:.02rem solid #0ea238; color: #0ea238;}
.page .index-news-box .index-news-box-title p {flex: 1; font-size: 0.3rem;}
.page .index-news-box .index-news-box-content {font-size: .26rem; font-weight:400; color:rgba(85,85,85,1); line-height: .44rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: .2rem;}
.page .index-news-box .index-news-box-imgbox {border-radius: .2rem; overflow: hidden; max-height: 3.24rem; justify-content: space-between;}
.page .index-news-box .index-news-box-imgbox img {flex: 1; width: 2.26rem; max-height: 3.24rem; margin-right: .06rem;}
.page .index-news-box .index-news-box-imgbox img:last-child {margin-right: 0;}
.page .index-news-box .index-news-box-nav {justify-content: flex-end; padding: .3rem 0; border-bottom: #EAEAEA 1px solid;}
.page .index-news-box .index-news-box-nav .index-news-box-nav-item {align-items: center; padding: 0 .4rem;}
.page .index-news-box .index-news-box-nav .index-news-box-nav-item img {width: .28rem; margin-right: .1rem;}
.page .index-news-box .index-news-box-nav .index-news-box-nav-item span {font-size: .24rem; font-weight:400; color:rgba(132,132,137,1); line-height: .4rem;}
.page .index-news-box .index-news-box-nav .index-news-box-nav-item.checked span {color: #2C61FF;}
.page .index-bottom-nav {position: fixed; left: 0; bottom: 0; width: 100%; background:rgba(255,255,255,1); border-top: rgba(0,0,0,0.17) 1px solid; height: .92rem; align-items: center;}
.page .index-bottom-nav .index-bottom-nav-item {flex: 1; text-align: center; position: relative;}
.page .index-bottom-nav .index-bottom-nav-item img {margin: 0 auto .05rem; width: .42rem;}
.page .index-bottom-nav .index-bottom-nav-item p {font-size: .18rem; font-weight:400; color:rgba(27,27,29,1); line-height: .26rem;}
.page .index-bottom-nav .index-bottom-nav-item.onthis p {color:rgba(30,84,249,1);}
.page .index-bottom-nav .index-bottom-nav-item em {height: .28rem; background:#FA4F36; border-radius: .14rem; position: absolute; color: #fff; font-size: .14rem; padding: 0 .1rem; font-style: normal; top: -.1rem; left: 52%;}

.page .case-box {margin: .28rem 0;}
.page .case-box .case-box-title {font-size:.4rem; font-weight:bold; color:rgba(51,51,51,1); line-height:.56rem; margin-bottom: .4rem;}
.page .case-box .case-box-title .case-icon-box {margin-top: .18rem;}
.page .case-box .case-box-title .case-icon-box em {display: block; width: .58rem; height: .28rem; line-height: .28rem; text-align: center; border-radius: .04rem; font-size: .18rem; margin-right: .1rem; font-style: normal;}
.page .case-box .case-box-title .case-icon-box em.selected {border:.02rem solid rgba(44,97,255,1); color: #275BFF;}
.page .case-box .case-box-title .case-icon-box em.case {border:.02rem solid #DE5213; color: #DE5213;}
.page .case-box .case-box-title .case-icon-box em.article {border:.02rem solid #0ea238; color: #0ea238;}
.page .case-box .case-box-content {font-size: .28rem; font-weight:400; color:rgba(51,51,51,1); line-height: .5rem;}
.page .case-box .case-box-content p,.page .case-box .case-box-content img {margin-bottom: .28rem;}
.page .case-box .case-box-content p:first-child {font-size: .32rem;}
.page .case-box .case-box-nav {justify-content: flex-end; padding: 0 0 .3rem 0; border-bottom: #EAEAEA 1px solid;}
.page .case-box .case-box-nav .case-box-nav-item {align-items: center; padding: 0 .4rem;}
.page .case-box .case-box-nav .case-box-nav-item img {width: .28rem; margin-right: .1rem;}
.page .case-box .case-box-nav .case-box-nav-item span {font-size: .24rem; font-weight:400; color:rgba(132,132,137,1); line-height: .4rem;}
.page .case-box .case-box-nav .case-box-nav-item.checked span {color: #2C61FF;}
.page .case-box .case-hot-comment-box {margin-top: .24rem;}
.page .case-box .case-hot-comment-box .case-hot-comment-box-title {font-size: .32rem; font-weight: bold; color:rgba(51,51,51,1); line-height: .44rem; margin-bottom: .22rem;}
.page .case-box .case-hot-comment-box .case-hot-comment-box-item {margin-bottom: .24rem;}
.page .case-box .case-hot-comment-box .case-hot-comment-box-item .case-hot-comment-box-item-user {margin-bottom: .16rem; align-items: center;}
.page .case-box .case-hot-comment-box .case-hot-comment-box-item .case-hot-comment-box-item-user img {width: .72rem; height: .72rem; border-radius: 50%; overflow: hidden; margin-right: .12rem;}
.page .case-box .case-hot-comment-box .case-hot-comment-box-item .case-hot-comment-box-item-user p {font-size: .28rem; font-weight:bold; color:rgba(51,51,51,1); line-height: .36rem;}
.page .case-box .case-hot-comment-box .case-hot-comment-box-item .case-hot-comment-box-item-content {font-size: .26rem; font-weight:400; color:rgba(51,51,51,1); line-height: .44rem;}
.page .case-box .case-hot-comment-box .case-hot-comment-box-input-box {width: 100%; height: .72rem; line-height: .72rem; background-color: #F1F1F1; border-radius: .72rem; padding: 0 .32rem; align-items: center;}
.page .case-box .case-hot-comment-box .case-hot-comment-box-input-box img {width: .36rem; height: .36rem; margin-right: .1rem;}
.page .case-box .case-hot-comment-box .case-hot-comment-box-input-box input {background: none; border: none; flex: 1;}

.page .entrance-title-box {padding-top: 1.64rem; text-align: center;}
.page .entrance-title-box h1 {font-size: .4rem; font-weight:bold; color:rgba(28,83,251,1); line-height: .56rem; margin-bottom: .08rem;}
.page .entrance-title-box p {font-size: .26rem; font-weight:400; color:rgba(153,153,153,1); line-height: .36rem;}
.page .entrance-choose-box {padding: 0 .5rem; justify-content: space-between; margin-top: 1.5rem;}
.page .entrance-choose-box .entrance-choose-box-item img {width: 1.88rem; height: 1.88rem; margin-bottom: .28rem;}
.page .entrance-choose-box .entrance-choose-box-item p {font-size: .3rem; font-weight:bold; color:rgba(0,0,0,1); line-height: .42rem; text-align: center;}

.page .user-head-box {height: 2rem; background-color: #fff; align-items: center; justify-content: space-between; padding: 0 .34rem 0 .5rem; border-bottom: #E1E1E1 1px solid; margin-bottom: .16rem;}
.page .user-head-box .user-head-info {align-items: center;}
.page .user-head-box .user-head-info img {width: 1.36rem; height: 1.36rem; margin-right: .2rem; border-radius: 50%; overflow: hidden;}
.page .user-head-box .user-head-info .user-head-info-text h1 {font-size: .32rem; font-weight:bold; color:rgba(0,0,0,1); line-height: .44rem;}
.page .user-head-box .user-head-info .user-head-info-text p {font-size: .26rem; font-weight:400; color:rgba(102,102,102,1); line-height: .36rem;}
.page .user-head-box button {width: .96rem; height: .52rem; background:rgba(138,167,255,0.08); font-size: .24rem; font-weight:400; color:rgba(28,83,251,1); line-height: .52rem;}
.page .user-nav-list {background-color: #fff;}
.page .user-nav-list .user-nav-list-item {height: 1.12rem; align-items: center; justify-content: space-between; padding: 0 .3rem; position: relative;}
.page .user-nav-list .user-nav-list-item:after {content: ''; position: absolute; right: 0; bottom: 0; width: 6.6rem; height: .02rem; background-color: #E9E9E9;}
.page .user-nav-list .user-nav-list-item .user-nav-list-item-name {align-items: center;}
.page .user-nav-list .user-nav-list-item .user-nav-list-item-name img {width: .36rem; height: .36rem; margin-right: .2rem;}
.page .user-nav-list .user-nav-list-item .user-nav-list-item-name p {font-size: .28rem; font-weight:400; color:rgba(51,51,51,1);}
.page .user-nav-list .user-nav-list-item .arr {width: .32rem; height: .32rem;}

.page .tips-search-box {margin: .24rem 0; padding: 0 .38rem; height: .72rem; background-color: #F7F7F7; border-radius: .08rem; align-items: center;}
.page .tips-search-box img {width: .24rem; height: .24rem; margin-right: .1rem;}
.page .tips-search-box input[type="text"] {flex: 1; background: none; line-height: .72rem; border: none; padding: 0 .1rem;}
.page .tips-list-box.detail {padding-top: .34rem;}
.page .tips-list-box .tips-list-box-item {width: 6.9rem; height: 2.44rem; background-image: url("../images/tip_01.jpg"); background-size: 100%; background-repeat: no-repeat; align-items: center; margin-bottom: .2rem;}
.page .tips-list-box .tips-list-box-item > div {margin-left: .28rem;}
.page .tips-list-box .tips-list-box-item > div > h1 {font-size: .3rem; color:rgba(51,51,51,1); line-height: .42rem; margin-bottom: .06rem;}
.page .tips-list-box .tips-list-box-item > div > p {font-size: .24rem; font-weight:400; color:rgba(136,136,136,1); line-height: .34rem;}
.page .tips-list-box .tips-list-box-item.tips-two {background-image: url("../images/tip_02.jpg"); background-size: 100%; background-repeat: no-repeat;}
.page .tips-list-box .tips-list-box-item.tips-three {background-image: url("../images/tip_03.jpg"); background-size: 100%; background-repeat: no-repeat;}
.page .tips-list-box .tips-list-box-item.tips-four {background-image: url("../images/tip_04.jpg"); background-size: 100%; background-repeat: no-repeat;}
.page .tips-list-box .tips-list-box-item.tips-five {background-image: url("../images/tip_05.jpg"); background-size: 100%; background-repeat: no-repeat;}
.page .tips-list-box .tips-list-box-item.tips-six {background-image: url("../images/tip_06.jpg"); background-size: 100%; background-repeat: no-repeat;}
.page .tips-list-box .tips-list-box-item.tips-seven {background-image: url("../images/tip_07.jpg"); background-size: 100%; background-repeat: no-repeat;}
.page .tips-list-box .tips-list-box-item.tips-eight {background-image: url("../images/tip_08.jpg"); background-size: 100%; background-repeat: no-repeat;}
.page .tips-detail-box {margin-top: .5rem;}
.page .tips-detail-box .tips-detail-title {align-items: center; font-size: .3rem; font-weight:bold; color:rgba(51,51,51,1); margin-bottom: .22rem;}
.page .tips-detail-box .tips-detail-title > img {width: .36rem; margin-right: .06rem;}
.page .tips-detail-box .tips-detail-content {background:rgba(249,249,249,1); border-radius: .08rem; padding: .35rem; font-size: .26rem; font-weight:400; color:rgba(51,51,51,1); line-height: .5rem;}
.page .tips-list-box .tips-list-box-item .tips-list-box-item-price {color: #333; font-size: .24rem; line-height: .34rem; margin-top: .1rem;}
.page .tips-list-box .tips-list-box-item .tips-list-box-item-price span {font-size: .4rem; color: #1C53FB; margin-left: .1rem;}

.page .list-choose-box {padding: .18rem 0; border-bottom: #EBEBEB .03rem solid;}
.page .list-choose-box .list-choose-item {flex: 1; justify-content: center; align-items: center; font-size: .24rem; font-weight:400; color:rgba(51,51,51,1); line-height: .34rem; position: relative;}
.page .list-choose-box .list-choose-item > img {width: .5rem;}
.page .list-choose-box .list-choose-item > select {position: absolute; width: 100%; left: 0; top: 0; right: 0; bottom: 0; opacity: 0;}

.page .list-content-box {padding: .15rem 0; background-color: #fff;}
.page .list-content-box .list-content-item {padding: .15rem .36rem; align-items: center;}
.page .list-content-box .list-content-item > img {width: 2.4rem; height: 2.4rem; margin-right: .32rem;}
.page .list-content-box .list-content-item .list-content-item-info {width: 4rem;}
.page .list-content-box .list-content-item .list-content-item-info .list-content-item-name {font-size: .3rem; font-weight:400; color:rgba(51,51,51,1); line-height: .42rem; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom: .04rem; max-width: 100%;}
.page .list-content-box .list-content-item .list-content-item-info .list-content-item-text {font-size: .24rem; font-weight:400; color:rgba(119,119,119,1); line-height: .4rem; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom: .08rem; max-width: 100%;}
.page .list-content-box .list-content-item .list-content-item-info .list-content-item-label {flex-wrap: wrap;}
.page .list-content-box .list-content-item .list-content-item-info .list-content-item-label span {display: block; height: .44rem; line-height: .44rem; padding: 0 .16rem; background:rgba(138,167,255,0.08); border-radius: .44rem; font-size: .2rem; font-weight:400; color:rgba(28,83,251,1); margin-right: .12rem; margin-bottom: .1rem;}
.page .list-content-box .list-content-item .list-content-item-info .list-content-item-price {font-size: .24rem; font-weight:400; color:rgba(239,23,23,1); line-height: .3rem; margin-top: .3rem;}
.page .list-content-box .list-content-item .list-content-item-info .list-content-item-price b {font-size: .36rem; margin-right: .05rem;}

.page .list-content-box.cart .list-content-item {padding: .15rem .3rem;}
.page .list-content-box.cart .list-content-item > img {width: 2rem; height: 2rem; margin-right: .3rem;}
.page .list-content-box.cart .list-content-item .checkbox-label {margin-right: .18rem;}
.page .list-content-box.cart .list-content-item .list-content-item-info {position: relative;}
.page .list-content-box.cart .list-content-item .list-content-item-info .list-content-item-num {position: absolute; right: 0; bottom: 0; align-items: center;}
.page .list-content-box.cart .list-content-item .list-content-item-info .list-content-item-num button {background:rgba(242,242,242,1); border-radius: .06rem; width: .26rem; height: .26rem; margin: 0 .08rem; text-align: center; font-size: .2rem; line-height: .26rem; color: #585858;}
.page .list-content-box.cart .list-content-item .list-content-item-info .list-content-item-num button.none {color: #C1C1C1;}
.page .list-content-box.cart .list-content-item .list-content-item-info .list-content-item-num span {display: block; font-size: .24rem; font-weight:400; color:rgba(51,51,51,1); line-height: .34rem; margin: 0 .08rem;}
.page .cart-accounts-box {position: fixed; width: 100%; height: 1rem; background-color: #fff; left: 0; bottom: 0;}
.page .cart-accounts-box .cart-accounts-price {flex: 1; align-items: center; padding-left: .3rem;}
.page .cart-accounts-box .cart-accounts-price .checkbox-label p {font-size: .26rem; font-weight:400; color:rgba(51,51,51,1); line-height: .36rem; margin-left: .08rem;}
.page .cart-accounts-box .cart-accounts-price .cart-accounts-price-total {font-size: .26rem; font-weight:400; color:rgba(51,51,51,1); line-height: .36rem; margin-left: .38rem;}
.page .cart-accounts-box .cart-accounts-price .cart-accounts-price-total span {color: #1C53FB; font-size: .3rem;}
.page .cart-accounts-box button {width: 2.6rem; height: 1rem; color: #fff; line-height: 1rem; text-align: center; font-size: .3rem; font-weight:500; color:rgba(255,255,255,1); line-height: .42rem; border-radius: 0;}

.page .secretary-nav-box {align-items: center; margin-bottom: .16rem; background-color: #fff;}
.page .secretary-nav-box .secretary-nav-item {flex: 1; padding-bottom: .16rem; font-size: .26rem; font-weight:400; color:rgba(0,0,0,1); line-height: .36rem; text-align: center;}
.page .secretary-nav-box .secretary-nav-item.onthis {color: #1C53FB; font-size: .3rem; font-weight: bold; position: relative;}
.page .secretary-nav-box .secretary-nav-item.onthis:before {content: ''; position: absolute; width: .48rem; height: .06rem; background-color: #1C53FB; bottom: 0; left: 50%; margin-left: -.24rem;}
.page .secretary-list-box {background-color: #fff;}
.page .secretary-list-box .secretary-list-item {padding: 0 .35rem;}
.page .secretary-list-box .secretary-list-item > div {border-bottom: #EAEAEA 1px solid; align-items: center; padding: .4rem 0;}
.page .secretary-list-box .secretary-list-item .secretary-list-item-info {flex: 1;}
.page .secretary-list-box .secretary-list-item .secretary-list-item-info .secretary-list-item-name {font-size: .3rem; font-weight:bold; color:rgba(0,0,0,1); line-height: .42rem; margin-bottom: .02rem;}
.page .secretary-list-box .secretary-list-item .secretary-list-item-info .secretary-list-item-cont {font-size: .24rem; font-weight:400; color:rgba(136,136,136,1); line-height: .34rem; margin-bottom: .1rem}
.page .secretary-list-box .secretary-list-item .secretary-list-item-info .secretary-list-item-label span {width: .76rem; height: .36rem; text-align: center; line-height: .36rem; border-radius: .08rem; font-size: .24rem;}
.page .secretary-list-box .secretary-list-item.free .secretary-list-item-info .secretary-list-item-label span {background:rgba(255,88,8,0.07); color: #FF6116;}
.page .secretary-list-box .secretary-list-item .secretary-list-item-info .secretary-list-item-price {font-size: .24rem; color: #333; line-height: .34rem; margin-top: .1rem;}
.page .secretary-list-box .secretary-list-item .secretary-list-item-info .secretary-list-item-price span {color: #1C53FB; font-size: .4rem; font-weight: bold;}
.page .secretary-list-box .secretary-list-item button {width: 1.04rem; height: .56rem; line-height: .56rem; color: #fff; background-color: #1C53FB; border-radius: .08rem; font-size: .24rem; font-weight:400;}

.page .form-content-box {margin-top: .4rem; padding-left: .3rem; border-bottom: #DDD .02rem solid;}
.page .form-content-box.input {margin-top: 0;}
.page .form-content-box .form-content-title {position: relative; padding-left: .4rem; font-size: .28rem; font-weight:500; color:rgba(51,51,51,1); line-height: .4rem; margin-bottom: .2rem;}
.page .form-content-box .form-content-title span {color: #999;}
.page .form-content-box .form-content-title:before {content: ''; position: absolute; width: .28rem; height: .28rem; background-image: url("../images/careful_icon.png"); background-size: 100%; background-repeat: no-repeat; left: 0; top: .05rem;}
.page .form-content-box .form-input-box {padding: .4rem 0; border-bottom: #DDD .02rem solid; align-items: center; position: relative;}
.page .form-content-box .form-input-box:last-child {border-bottom: none;}
.page .form-content-box .form-input-box p {font-size: .28rem; font-weight:400; color:rgba(51,51,51,1); line-height: .4rem; width: 2rem;}
.page .form-content-box .form-input-box input {padding: 0 .4rem; flex: 1; background: none; border: none; margin-right: .3rem;}
.page .form-content-box .form-input-box input[type='text'] {font-size: 0.26rem;}
.page .form-content-box .form-input-box.user input {text-align: right;}
.page .form-content-box .form-input-box.user select {position: absolute; left: 2rem; top: 0; height: 100%; opacity: 0; width: 100%;}
.page .form-content-box .form-input-box button {width: 1.6rem; height: .6rem; line-height: .6rem; font-size: .24rem; margin-right: .3rem;}
.page .form-content-box .form-input-box > img {width: .32rem; height: .32rem; margin-right: .3rem;}
.page .form-content-box .form-input-box.yzm input {width: 1rem;}
.page .form-content-box .form-input-box.select {background-image: url("../images/down_icon.png"); background-size: .5rem; background-position: 95% center; background-repeat: no-repeat; position: relative;}
.page .form-content-box .form-input-box.select select {position: absolute; width: 5.2rem; height: 100%; left: 2rem; top: 0; opacity: 0;}
.page button.form-button {margin: .84rem auto 0;}
.page .form-nav-box {margin: .46rem .3rem 0;}
.page .form-nav-box.flex {justify-content: space-between;}
.page .form-nav-box.right {text-align: right; margin: .46rem .3rem 0;}
.page .form-nav-box a {font-size: .26rem; color:rgba(28,83,251,1); line-height: .36rem; display: block;}
.page .agreement-box {width: 100%; margin-top: 1rem;}
.page .agreement-box > label {justify-content: center; align-items: center; font-size: .24rem; color:rgba(102,102,102,1);}
.page .agreement-box > label span {color: #1C53FB;}
.page .agreement-box > label input {display: none;}
.page .agreement-box > label input+label {display: block; width: .32rem; height: .32rem; margin-right: .08rem; background-color: #DBDBDB; border-radius: .06rem;}
.page .agreement-box > label input:checked+label {background-color: #1C53FB; background-image: url("../images/checked_icon.png"); background-size: 100%; background-position: center center; background-repeat: no-repeat;}

.page .payment-box .payment-box-title {font-size: .32rem; font-weight:bold; color:rgba(51,51,51,1); line-height: .44rem; padding: .34rem 0;}
.page .payment-box .payment-box-item {width: 6.9rem; height: 1.6rem; background-color: #F2F2F2; border-radius: .12rem; padding-left: .26rem; align-items: center; margin-bottom: .2rem;}
.page .payment-box .payment-box-item > img {width: .98rem; height: .98rem; margin-right: .28rem;}
.page .payment-box .payment-box-item > div > h1 {font-size: .3rem;}
.page .payment-box .payment-box-item > div > p {font-size: .24rem; color: #666;}

.page .content .success-box-title {padding: 1rem 0 .34rem; text-align: center;}
.page .content .success-box-title > img {width: 1.48rem; height: 1.48rem; margin: 0 auto .16rem;}
.page .content .success-box-title > h1 {font-size: .36rem; color:rgba(28,83,251,1); line-height: .7rem;}
.page .content .success-box-title > p {font-size: .26rem; font-weight:400; color:rgba(102,102,102,1); line-height: .48rem;}
.page .content .success-box-title > p > span {color: rgba(28,83,251,1);}
.page .content .success-pay-info-box {width: 6.9rem; background:rgba(247,247,247,1); border-radius: .16rem; padding: .4rem .5rem;}
.page .content .success-pay-info-box .success-pay-info-box-title {font-size: .26rem; font-weight:500; color:#333; line-height: .48rem;}
.page .content .success-pay-info-box p {font-size: .26rem; font-weight:500; color: #666; line-height: .48rem;}
.page .content .success-button-box {margin-top: .53rem;}
.page .content .success-button-box button {margin: 0 auto .4rem; width: 3.2rem; border-radius: .92rem;}
.page .content .success-button-box button.back-index {border: .02rem solid rgba(28,83,251,1); color: #1C53FB; background-color: #fff;}

.page .order-type-choose-box {background-color: #fff; height: .98rem; align-items: center;}
.page .order-type-choose-box .order-type-choose-item {flex: 1; font-size: .26rem; font-weight:400; color:rgba(0,0,0,1); line-height: .36rem; text-align: center; position: relative;}
.page .order-type-choose-box .order-type-choose-item.onthis {font-size: .3rem; color: #1C53FB;}
.page .order-type-choose-box .order-type-choose-item.onthis:before {content: ''; position: absolute; width: .48rem; height: .06rem; background-color: #1C53FB; border-radius: .06rem; bottom: -.08rem; left: 50%; margin-left: -.24rem;}
.page .order-list-box {padding: .34rem .3rem;}
.page .order-list-box .list-content-box {padding-top: 0; background: none;}
.page .order-list-box .list-content-box .list-content-item {padding: .24rem; background-color: #fff; position: relative; border-radius: .1rem;}
.page .order-list-box .list-content-box .list-content-item > img {width: 2rem; height: 2rem;}
.page .order-list-box .list-content-box .list-content-item .list-content-item-info {width: 3.8rem;}
.page .order-list-box .list-content-box .list-content-item .list-content-item-info .list-content-item-price {margin-top: .35rem;}
.page .order-list-box .order-state-box {width: 1.08rem; height: .44rem; border-radius: .08rem; border: .02rem solid rgba(28,83,251,1); font-size: .24rem; color:rgba(28,83,251,1); line-height: .44rem; text-align: center;}
.page .order-list-box .order-state-box.none {background-color: #F7F7F7; color: #666; border-radius: .44rem; border: none;}
.page .order-list-box .secretary-list-box {background: none;}
.page .order-list-box .secretary-list-box .secretary-list-item {margin-bottom: .2rem; background-color: #fff; padding: 0 .24rem; position: relative;}
.page .order-list-box .secretary-list-box .secretary-list-item > div {padding: .32rem 0 .26rem;}
.page .order-list-box .secretary-list-box .secretary-list-item .secretary-list-item-info .secretary-list-item-cont {margin-bottom: .16rem;}
.page .order-list-box .secretary-list-box .order-state-box {position: static; margin-right: .24rem;}
.page .order-list-box .order-nothing-box {width: 4.64rem; margin: 2.46rem auto 0; text-align: center;}
.page .order-list-box .order-nothing-box p {font-size: .28rem; font-weight:400; color:rgba(153,153,153,1); line-height: .4rem; margin-top: .16rem;}
.page .order-list-box .list-content-box .list-order-box {background-color: #fff; margin-bottom: .2rem; border-radius: .1rem;}
.page .order-list-box .list-content-box .list-order-box .list-order-box-title {justify-content: space-between; align-items: center; padding: .24rem .24rem 0;}
.page .order-list-box .list-content-box .list-order-box .list-order-box-title div:first-child {font-size: .28rem; font-weight: bold;}
.page .order-list-box .list-content-box .list-order-box .list-order-box-title div:last-child {font-size: .24rem; color: #E87224;}
.page .order-list-box .list-content-box .list-order-box .list-order-box-title.none div:last-child {color: #999;}
.page .order-list-box .list-content-box .list-order-box .list-order-box-total {justify-content: space-between; align-items: center; padding: .24rem; border-top: #F2F2F2 1px solid; position: relative;}
.page .order-list-box .list-content-box .list-order-box .list-order-box-total p {font-size: .24rem; line-height: .34rem;}
.page .order-list-box .list-content-box .list-order-box .list-order-box-total p b {font-size: .32rem;}

.page .list-content-box.comment {padding: 0;}
.page .list-content-box.comment .list-comment-box {margin: .3rem .3rem 0; padding-bottom: .34rem; border-bottom: #EAEAEA .02rem solid;}
.page .list-content-box.comment .list-content-item {padding: 0;}
.page .list-content-box.comment .list-content-item .list-content-item-info .list-content-item-name {font-weight: bold; align-items: center; position: relative; padding-left: 0.7rem;}
.page .list-content-box.comment .list-content-item .list-content-item-info .list-content-item-name:before {content: ''; display: block; width: .58rem; height: .28rem; border-radius: .04rem; font-size: .18rem; line-height: .28rem; margin-right: .1rem; text-align: center; position: absolute; left: 0; top: 0.025rem;}
.page .list-content-box.comment .list-content-item .list-content-item-info .list-content-item-name.selected:before {content: '精选'; border:.02rem solid rgba(44,97,255,1); color: #275BFF;}
.page .list-content-box.comment .list-content-item .list-content-item-info .list-content-item-name.case:before {content: '案例'; border:.02rem solid #DE5213; color: #DE5213;}
.page .list-content-box.comment .list-content-item .list-content-item-info .list-content-item-name.article:before {content: '文章'; border:.02rem solid #0ea238; color: #0ea238;}
.page .list-content-box.comment .list-content-item .list-content-item-info .list-content-item-text {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; white-space: normal}
.page .list-content-box.comment .list-content-item .list-content-item-info .index-news-box-nav {justify-content: flex-end; padding: .28rem 0 0;}
.page .list-content-box.comment .list-content-item .list-content-item-info .index-news-box-nav .index-news-box-nav-item {align-items: center;}
.page .list-content-box.comment .list-content-item .list-content-item-info .index-news-box-nav .index-news-box-nav-item img {width: .28rem; margin-right: .1rem;}
.page .list-content-box.comment .list-content-item .list-content-item-info .index-news-box-nav .index-news-box-nav-item span {font-size: .24rem; font-weight:400; color:rgba(132,132,137,1); line-height: .4rem;}
.page .list-content-box.comment .list-content-item .list-content-item-info .index-news-box-nav .index-news-box-nav-item.checked span {color: #2C61FF;}
.page .list-content-box.comment .list-comment-box .my-comment-box {height: .72rem; background-color: #F8F8FA; border-radius: .08rem; margin-top: .14rem; padding: 0 .26rem;}
.page .list-content-box.comment .list-comment-box .my-comment-box p {font-size: .26rem; line-height: .72rem; color: #333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.page .list-content-box.comment .list-comment-box .my-comment-box p span {color: #2C61FF;}
.page .user-head-image-box {padding: .44rem 0 .12rem; position: relative;}
.page .user-head-image-box img {width: 1.38rem; height: 1.38rem; border-radius: 50%; overflow: hidden; margin: 0 auto;}
.page .user-head-image-box input {position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;}

.page .reviewing-box {text-align: center; padding-top: 1.6rem;}
.page .reviewing-box > img {width: 3.68rem; margin: 0 auto;}
.page .reviewing-box .reviewing-box-title {font-size: .36rem; font-weight: bold; color:rgba(28,83,251,1); line-height: .7rem; margin-top: .3rem;}
.page .reviewing-box .reviewing-box-content {font-size: .26rem; font-weight:400; color:rgba(51,51,51,1); line-height: .48rem;}

.page .register-success-box {text-align: center; padding-top: 1.85rem;}
.page .register-success-box > img {width: 6.02rem; margin: 0 auto;}
.page .register-success-box .register-success-box-title {font-size: .36rem; font-weight: bold; color:rgba(28,83,251,1); line-height: .7rem; margin-top: .5rem;}
.page .register-success-box .register-success-box-content {font-size: .26rem; font-weight:400; color:rgba(51,51,51,1); line-height: .48rem;}
.page .register-success-box button {margin: .76rem auto;}

.page .customize-content-box {padding: .26rem .3rem;}
.page .customize-content-box h1 {position: relative; font-size: .32rem; color: #333; line-height: .62rem; text-align: center; font-weight: bold; margin-bottom: .2rem;}
.page .customize-content-box h1:before {content: ''; position: absolute; width:4.15rem; height: .06rem; background:linear-gradient(270deg,rgba(29,83,251,1) 0%,rgba(184,200,255,1) 100%); border-radius: .03rem; bottom: .1rem;}
.page .customize-content-box p {font-size: .28rem; line-height: .4rem; color: #666;}
.page .customize-form-box {padding: .5rem .3rem; background-color: #F8F8F8;}
.page .customize-form-box .customize-form-box-title {margin-bottom: .36rem; text-align: center; line-height: .44rem; position: relative;}
.page .customize-form-box .customize-form-box-title h1 {font-size: .36rem;}
.page .customize-form-box .customize-form-box-title p {font-size: .24rem;}
.page .customize-form-box .customize-form-box-title:before {content: ''; position: absolute; width: .76rem; height: .02rem; background-color: #E5E5E5; left: 50%; margin-left: -1.8rem; bottom: .25rem;}
.page .customize-form-box .customize-form-box-title:after {content: ''; position: absolute; width: .76rem; height: .02rem; background-color: #E5E5E5; left: 50%; margin-left: 1rem; bottom: .25rem;}
.page .customize-form-box .form-box-input-box {width: 6.9rem; height: .82rem; background-color: #fff; align-items: center; padding: 0 .28rem; margin-bottom: .22rem;}
.page .customize-form-box .form-box-input-box p {width: 1.5rem; font-size: .26rem; font-weight:400; color:rgba(239,57,57,1); line-height: .36rem; color: #666;}
.page .customize-form-box .form-box-input-box.must p:before {content: '*'; color: #EF3939;}
.page .customize-form-box .form-box-input-box input {flex: 1; background: none; border: none;}
.page .customize-form-box .customize-form-box-input-box {justify-content: space-between;}
.page .customize-form-box .customize-form-box-input-box .form-box-input-box {width: 3.36rem; height: .82rem; background-color: #fff; align-items: center; padding: 0 .28rem;}
.page .customize-form-box .customize-form-box-input-box .form-box-input-box input {width: 1.2rem;}
.page .customize-form-box .form-box-input-box.area {height: 2rem; align-items: flex-start; padding: .2rem .28rem;}
.page .customize-form-box .form-box-input-box textarea {flex: 1; background: none; border: none; height: 100%;}
.page .customize-form-box button {margin-top: .38rem;}
.page .customize-info-box {padding: .36rem .3rem;}
.page .customize-info-box .customize-info-item {margin-bottom: .4rem;}
.page .customize-info-box .customize-info-item h1 {font-size: .32rem; color: #333; line-height: .6rem;}
.page .customize-info-box .customize-info-item p {font-size: .28rem; line-height: .46rem; color: #666;}

.page .product-name-box {padding: .3rem 0;}
.page .product-name-box .product-name-box-price {align-items: center;}
.page .product-name-box .product-name-box-price .product-price {color: #F0291F; font-size: .28rem; line-height: .66rem; margin-right: .3rem;}
.page .product-name-box .product-name-box-price .product-price span {font-size: .48rem; font-weight: bold;}
.page .product-name-box .product-name-box-price .product-name-box-label {font-size: .22rem; font-weight:400; color:rgba(30,83,251,1); padding: 0 .12rem; width: auto; height: .36rem; line-height: .36rem; border: #A5BAFD 1px solid; border-radius: .36rem; margin-right: .08rem;}
.page .product-name-box > p {margin-top: .1rem; font-size: .32rem; font-weight:400; color:rgba(51,51,51,1); line-height: .44rem;}
.page .lawyer-info-box {padding: .3rem .26rem; background-color: #F7F7F7; border-radius: .12rem; align-items: center;}
.page .lawyer-info-box > img {width: 1.16rem; height: 1.16rem; border-radius: 50%; overflow: hidden;}
.page .lawyer-info-box .lawyer-info-box-text {flex: 1; margin-left: .2rem;}
.page .lawyer-info-box .lawyer-info-box-text h1 {font-size: .26rem; font-weight:bold; color:rgba(51,51,51,1); line-height: .36rem;}
.page .lawyer-info-box .lawyer-info-box-text p {font-size: .24rem; font-weight:400; color:rgba(51,51,51,1); line-height: .4rem; margin-top: .1rem;}
.page .product-info-box {margin-top: .38rem;}
.page .product-info-box p {position: relative; padding-left: 1.4rem; color: #333; font-size: .26rem; line-height: .4rem;}
.page .product-info-box p span {position: absolute; left: 0; color: #A9A9A9; font-size: .26rem;}
.page .product-bottom-box {position: fixed; left: 0; bottom: 0; width: 100%; height: .96rem; background-color: #fff;}
.page .product-bottom-box .product-cart-box {justify-content: center; align-items: center; width: 1.5rem; height: .96rem; position: relative; border-top: #D4D4D4 .03rem solid;}
.page .product-bottom-box .product-cart-box div img {width: .44rem; height: .44rem; margin: 0 auto;}
.page .product-bottom-box .product-cart-box div p {font-size: .18rem; font-weight:400; color:rgba(112,112,112,1); line-height: .26rem;}
.page .product-bottom-box .product-cart-box em {position: absolute; width: .22rem; height: .22rem; line-height: .22rem; font-size: .2rem; color: #fff; background-color: #F6433A; text-align: center; border-radius: 50%; left: 60%; top: 10%;}
.page .product-bottom-box button {width: 3rem; height: .96rem; border-radius: 0;}
.page .product-bottom-box button:nth-child(2) {background-color: #F77926;}

.page ul.lawyer-list {padding: .45rem .3rem;}
.page ul.lawyer-list li {display: flex; display: -webkit-flex; margin-bottom:  .55rem;}
.page ul.lawyer-list li:last-child {margin-bottom: 0;}
.page ul.lawyer-list li img {width: 2.4rem; height: 3.23rem;}
.page ul.lawyer-list li .lawyer-list-info {line-height: .5rem; margin-left: .4rem; flex: 1;}
.page ul.lawyer-list li h1 {font-size: .32rem;}
.page ul.lawyer-list li p {font-size: .28rem;}




